<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>月下仙连 - 首页</title>
    <link href="css/style.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <script src="js/darkmode.js"></script>
    <script src="js/dailyLife.js"></script>
</head>
<body>
<!-- 导航 -->
<header class="header">
    <div class="logo">
        <h3>月下仙连的个人网页</h3>
    </div>
    <nav class="nav">
        <!-- <a href="index.html"><i class="fas fa-home"></i> 首页</a>
        <a href="about.html"><i class="fas fa-user"></i> 个人介绍</a>
        <a href="offering.html"><i class="fas fa-briefcase"></i> 个人作品</a>
        <a href="dailyLife.html"><i class="fas fa-camera"></i> 日常生活</a>
        <a href="contactMe.html"><i class="fas fa-envelope"></i> 联系我</a> -->
        <button class="mode-toggle" onclick="toggleDarkMode()">
            <i class="fas fa-moon"></i>
        </button>
    </nav>
</header>

<!-- 中间内容 -->
<div class="page">
    <div class="home">
        <!-- 头部 -->
        <div class="logo">
            <h1>月下仙连的个人网页</h1>
        </div>

        <!-- 中间内容 -->
        <div class="snow-container">
            <main class="root2">
                <!-- 导航区 -->
                <nav class="hc-nav">
                    <a href="about.html">
                        <i class="fas fa-user"></i>
                        <span>个人介绍</span>
                    </a>
                    <a href="offering.html">
                        <i class="fas fa-briefcase"></i>
                        <span>个人作品</span>
                    </a>
                    <a href="dailyLife.html">
                        <i class="fas fa-camera"></i>
                        <span>日常生活</span>
                    </a>
                    <a href="contactMe.html">
                        <i class="fas fa-envelope"></i>
                        <span>联系我</span>
                    </a>
                </nav>

                <!-- 内容区 -->
                <section class="hc-text">
                    <img alt="个人照片" src="img/me.jpg">
                    <article class="hc-text-con">
                        <h3><i class="fas fa-signature"></i> 姓名：仙连</h3>
                        <p><i class="fas fa-venus-mars"></i> 性别：男</p>
                        <p><i class="fas fa-birthday-cake"></i> 年龄：18</p>
                        <p><i class="fas fa-gamepad"></i> 爱好：玩游戏</p>
                        <p><i class="fas fa-school"></i> 学校：五邑大学</p>
                        <p id="desc-text2"></p>
                        <script src="js/typewriter.js"></script>
                        <script>
                            typeWriter("个人介绍:我是一名充满活力的大学生，性格开朗，热爱生活。在校里，我总是带着笑容，乐于与同学们交流分享。我热爱参加社团活动，积极参与各种志愿服务，享受与人合作、共同进步的过程。学习之余我喜欢运动、旅行，用积极的心态面对每一天。希望与大家成为好朋友，共同度过美好而难忘的大学生活。", "desc-text2");
                        </script>
                    </article>
                </section>
            </main>
        </div>
    </div>
</div>

<!-- 底部 -->
<footer class="footer">
    <p>Copyright © 2020-
        <script>document.write(new Date().getFullYear())</script>
        月下仙连. All rights reserved.
    </p>
</footer>
</body>
</html>
